const BASE_URL = '/'
const vuxLoader = require('vux-loader')


const px2rem = require('postcss-px2rem')

const postcss = px2rem({
	remUnit: 75 //基准大小 baseSize，需要和rem.js中相同
})

module.exports = {
	transpileDependencies: [
		'vue-echarts',
		'resize-detector'
	  ],
	configureWebpack: config => {
		require('vux-loader').merge(config, {
			options: {},
			plugins: ['vux-ui']
		})
	},
	outputDir: 'dist',
	assetsDir: "static",
	lintOnSave: false, //关闭eslint
	devServer: {
		historyApiFallback: true,
		hotOnly: true,
		inline: true,
		stats: {
			colors: true
		},
		port: 8188,
		proxy: {
			// 匹配代理的url
			'/api': {
				// 目标服务器地址

				//				target:'http://192.168.2.129:9083/',
				target: 'http://120.27.228.183:8080/',
				// 路径重写
				pathRewrite: {
					'^/api': '/'
				},
				changeOrigin: true
			}
		}
	},
	pages: {
		// tabao: {
		// 	// 应用入口配置，相当于单页面应用的main.js，必需项
		// 	entry: 'src/page/taobao/taobao.js',

		// 	// 应用的模版，相当于单页面应用的public/index.html，可选项，省略时默认与模块名一致
		// 	template: 'public/taobao.html',

		// 	// 编译后在dist目录的输出文件名，可选项，省略时默认与模块名一致
		// 	filename: 'taobao.html',

		// 	// 标题，可选项，一般情况不使用，通常是在路由切换时设置title
		// 	// 需要注意的是使用title属性template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
		// 	title: '22222',

		// 	// 包含的模块，可选项
		// 	//chunks: ['console']
		// },
		index: {
			// 应用入口配置，相当于单页面应用的main.js，必需项

			entry: 'src/main.js',
			template: 'public/index.html',
			filename: 'index.html',
		},
	},
	css: {
		loaderOptions: {
			postcss: {
				plugins: [
					postcss
				]
			}
		}
	}
}
